@charset "utf-8"; body{ position: relative; min-width:1250px; background:url(../images/bg_body.jpg) center 200px no-repeat; background-repeat:no-repeat; background-attachment:fixed} .j_body{ position: relative;} .main_box{ margin:0 auto; width:1250px; position:relative;} /*头部开始*/ em, i { font-style: normal;} .header{ width: 1200px; margin: 0 auto; overflow: hidden;} .t_bg { background:url(../images/t_bg.gif) repeat-x center 0;} .h_top { padding-top:10px; font-family:"Microsoft YaHei"; height:25px;font-size: 14px;color: #333;} .h_top i{ float:left;} .h_top p { float: right;} .h_top p a { padding:0 5px; color:#000; background:url(../images/h_xxico.gif) no-repeat right center; display:inline-block;} .h_top p q { display:block; float:left;} .h_top p q a { background:none;} .h_top p q img { margin-bottom:px;} .h_top p .nobor { background:none;} .h_con { height:129px; width:1200px; overflow:hidden} .h_con h1 { padding-top:20px; float:left;} .h_bt { font-family:"Microsoft YaHei"; font-size:18px; color:#231815; padding:38px 0 0 15px;} .h_bt span { display:block; font-weight: bold; font-size:18px; color:#00923f; padding-top:6px; } .h_pho q { font-family:"Microsoft YaHei"; font-size:16px; color:#00923f; display:block; margin:20px 0 12px; text-align: right;} .h_pho p { font-family:"Microsoft YaHei"; font-size:13px; color:#000; background:url(../images/h_pho.gif) no-repeat left bottom; padding-left:50px;} .h_pho span { color:#00923f; font-size:28px; display:block; font-family:Impact} .h_nav { height:46px; line-height:46px; overflow:hidden} .h_nav ul li { float:left;} .h_nav ul .nobor01 { background:none;} .h_nav ul li a { display:block; padding:0 30px; color:#fff; font-size:15px;font-weight: bold; font-family:"Microsoft YaHei";} .h_nav ul li a:hover,.h_nav ul .cur a { color:#fff; text-decoration:none; } .s_inp { margin-top:17px;} .inp01 { background:url(../images/s_inp.gif) no-repeat; width:187px; height:24px; line-height:24px; border:none; padding:0 3px; float:left; font-size:12px; color:#333} .h_ser p { float:left; width:670px; overflow:hidden; padding-top:20px; height:20px;} .h_ser p a { padding:0 10px; border-right:dotted 1px #b9b9b9; color:#000;} /*头部结束*/ /*===============================================header================================================*/ /*#header{ background:#fff; height:125px ; border-bottom:1px solid #ededed; width: 100%; z-index: 9999;} #header #logo{position:absolute; top: 29px; left:0; display: inline-block; } #header #logo img{ } #top_bnt_box{ position:absolute; top:65px; right:-13px; background:url(../images/line_top.png) center no-repeat;} #top_bnt_box a{ display:block; padding:0 13px; height:15px; float:left;} #bnt_top_search{ width:15px;background:url(../images/icon_search.png) center no-repeat;} #bnt_top_tel{width:13px; background:url(../images/icon_top_tel.png) center no-repeat;} #bnt_top_search:hover{ width:15px;background:url(../images/icon_search_hover.png) center no-repeat;} #bnt_top_tel:hover{width:13px; background:url(../images/icon_top_tel_hover.png) center no-repeat;} #bnt_top_search.on{ width:15px;background:url(../images/icon_search_hover.png) center no-repeat;} #bnt_top_tel.on{width:13px; background:url(../images/icon_top_tel_hover.png) center no-repeat;} #top_search_box{ display:none; position:absolute; top:125px; right:0px; height:40px; background:#fff; z-index:99; border-top:1px solid #ededed;} #top_search_box form{display:block; position:relative; height:40px; width:240px;} #top_search_box input{display: block;background: none;border: none;} #top_search_box .text{width: 180px; height: 40px;line-height: 40px;font-size: 13px;color: #545454;margin-left: 13px;} #top_search_box .submit{width: 40px; position:absolute; right:0; top:0; cursor:pointer; height: 40px;margin-left: 5px; background:url(../images/icon_search.png) center no-repeat;} #top_search_box .submit:hover{ background:url(../images/icon_search_hover.png) center no-repeat;} #top_tel_box{ display:none; position:absolute; top:125px; right:0px; width:240px; height:40px; text-align:center; line-height:40px; background:#fff; font-size: 14px;color: #545454;z-index:100; border-top:1px solid #ededed;} #nav{ position:absolute; right:70px; top:60px; } #nav ul{ } #nav li{ display: inline-block; min-width:30px; padding:0 28px; position:relative; } #nav li .a{ display: inherit; text-align:center; } #nav li .a strong{ display:block; font-size:16px; text-transform: uppercase; color:#333333; text-align:center; position:relative; z-index:1;} #nav li .a span{ position:absolute; bottom:0px; left:0; width:100%; text-align:center;} #nav li .a i{ display:none; z-index: 4; margin:0 auto; max-width: 60px; text-align:center; z-index:1; height:2px; width:0; } #nav .on .a i{ width:100%;} #nav li.on .a strong{ color:#ca0011; } #nav li .a:hover i{ width:25px;} #nav li .a:hover strong{ color:#ca0011;} #nav li.on .a:hover i{ width:25px; } #header.fix{position: fixed; height: 90px; padding: 0; } #header.fix #logo{top: 17px;} #header.fix #top_search_box{ top: 90px; background: #ededed;} #header.fix #top_tel_box{top: 90px; background: #ededed;} #header.fix #top_bnt_box{top: 42px;} #header.fix #nav{top: 34px;} */ /*================= banne===================*/ #banner{ position:relative; height:480px; overflow:hidden; } #banner .bd { position:relative;} #banner .bd a{ display:block; width:100%; height: 480px;} #banner .hd{ margin:0 auto; position:absolute; width:100%; bottom:10px; } #banner .hd a{ display:block; } #banner .hd ul{ margin:0 auto; z-index:9; width:100%; display:inherit; text-align:center;/* border-top:1px solid #56585c;*/ position:relative; } #banner .hd ul li{ display:inline-block; padding-top:13px;} #banner .hd ul li a{height:8px; width:8px; border-radius:4px; margin:0 3px; background:#fff; display:block; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } #banner .hd ul li a:hover{ background:#00923f; width:30px;} #banner .hd ul .on a{ background:#00923f; width:30px;} #banner .bnt{ position:absolute; top:50%; z-index:3; margin-top:-21px;} #banner .bnt:hover{ } #banner .prev{ position:absolute; left:-54px; } #banner .next{ position:absolute; right:-54px; } #banner:hover .prev{left:50px; opacity:1; filter:alpha(opacity=100);} #banner:hover .next{right:50px; opacity:1; filter:alpha(opacity=100);} /*==============footer=====================*/ #footer{background: #333333; padding: 35px 0 0; font-size:12px; } #footer .main_box{ position:relative;} #footer .up_box{ position:relative; margin-bottom:30px; } #footer .left{ width:820px;} #fot_ewm{ display:block; position:absolute; right:0; top:0; height:120px;} #fot_ewm img{ width: 120px; display:block;} #fot_ewm span{width: 120px; text-align:center; font-size:12px; color:#757577; line-height:20px; display:block; } #fot_nav{ display:block; margin-bottom:12px; } #fot_nav a{ display:inline-block; padding-right:30px; font-size:15px; color:#fff;} #fot_nav a:hover{ text-decoration:underline;} #fot_tel_box{ position:absolute; right:145px; top:10px; color:#fff;} #fot_tel_box a{ display:block; float:right; font-size:14px; width:75px; margin-bottom:20px; background:url(../images/icon_online.png) 20px center no-repeat #00923f; color:#fff; height:35px; line-height:35px; padding-left:40px;} #fot_tel_box span{ display:block; font-size:14px; text-align:right; margin-bottom:5px;} #fot_tel_box strong{ font-size:22px; display:block; text-align:right; } #fot_contact{ } #fot_contact .p{ display:block; font-size:14px; line-height:30px; padding:10px 0 15px; color:#c8c8c8; } #fot_contact a{ margin-left:10px; font-size:12px; color: #929293; display:inline-block; padding-left:20px; background:url(../images/icon_add.png) left center no-repeat; } #fot_contact a:hover{ color:#fff;} /*=====================友情链接=====================*/ #j_friend_link1{line-height:22px; padding:20px 0;} #j_friend_link1 .fl{ width:75px; color:#fff; font-size:14px;} #j_friend_link1 .fr{ width: 1185px; margin-right:-16px;} #j_friend_link1 .fr a{ color:#70707a; font-size:12px; margin-right:16px;} #j_friend_link1 .fr a:hover{ color:#fff; text-decoration:underline;} #footer .un_box{ position:relative; height:40px; line-height:40px; border-top:1px solid #444557; } #footer .un_box .main_box{ position:relative;} #footer .un_box span{ position:absolute; right:0; top:0;} #footer .un_box h1{ color:#e9e9e9; font-size:13px;} #footer .un_box a{ color:#e9e9e9;} #footer .un_box h1 a:hover{ color:#fff;} /*==================首页=====================*/ #s_main_box .floor{ padding:40px 0; } .s_title { position:relative; margin-bottom:50px; text-align:center;} .s_title strong{font-size: 22px;color: #333333;margin-right: 10px;} .s_title span{color: #c7c8cb;font-size: 16px;} .s_title a{ position:absolute; right:0; top:25px; display:block; height:45px; color:#929393; font-size:14px; line-height:45px; padding:0 35px; border:1px solid #e4e1e1;} .s_title a:hover{ border:1px solid #43536c; color:#43536c; } .s_title p{font-size: 12px;color: #5f5f60; line-height:20px; padding-top:25px;} /*==============首页产品=====================*/ #s_pro{} #s_pro .title{ margin-bottom:50px;} #s_pro .content{ margin-bottom:60px;} #s_pro dl{ position:relative; background:#333;} #s_pro dd{ display:block; float:left; width:312.5px; height:250px; overflow:hidden; } #s_pro dd img{ height:250px; width:312.5px; display:block; } #s_pro dd .text_box{ display:table; height:250px; padding-left:40px; width:235px;} #s_pro dd .text_box .box{ display:table-cell; vertical-align:middle;} #s_pro dd .text_box h1{ font-size:16px; color:#fff; display:block; margin-bottom:10px;} #s_pro dd .text_box p{ line-height:26px; font-size:14px; color:#fff; opacity:0.6;filter:alpha(opacity=60);} #s_pro dd .text_box:hover span{ transform:rotate(90deg);-ms-transform:rotate(90deg); /* IE 9 */-moz-transform:rotate(90deg); /* Firefox */-webkit-transform:rotate(90deg); /* Safari 和 Chrome */-o-transform:rotate(90deg); /* Opera */ } #s_pro dd .text_box span{ display:block; width:30px; height:30px; background:url(../images/icon_more_index.png) center no-repeat; margin-top:20px; opacity:.5;filter:alpha(opacity=10)} #s_pro dd .text_box span:hover{ opacity:1;filter:alpha(opacity=100)} #s_pro dd.li3{ background:#ca0011; } #s_pro dd.li6{background:#ca0011; } #s_pro_type{} #s_pro_type ul{ border:1px solid #e5e5e5; border-right:none; margin-right:-1px;} #s_pro_type li{ display:block; width:249px; padding:45px 0; float:left; border-right:1px solid #e5e5e5;} #s_pro_type li a{ display:block;} #s_pro_type li .pic_box{ height:51px; margin-bottom:25px;} #s_pro_type li:hover .pic_box{ transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); /* Firefox */} #s_pro_type li span{font-size: 14px;color: #4c4e54; display:block; text-align:center; text-transform:uppercase; padding-bottom:3px;} #s_pro_type li strong{font-size: 14px;color: #4c4e54; display:block; text-align:center;} #s_pro_type li.li1 .pic_box{ background:url(../images/icon_type1.png) center no-repeat;} #s_pro_type li.li1:hover .pic_box{background:url(../images/icon_type1_hover.png) center no-repeat;} #s_pro_type li.li2 .pic_box{ background:url(../images/icon_type2.png) center no-repeat;} #s_pro_type li.li2:hover .pic_box{background:url(../images/icon_type2_hover.png) center no-repeat;} #s_pro_type li.li3 .pic_box{ background:url(../images/icon_type3.png) center no-repeat;} #s_pro_type li.li3:hover .pic_box{background:url(../images/icon_type3_hover.png) center no-repeat;} #s_pro_type li.li4 .pic_box{ background:url(../images/icon_type4.png) center no-repeat;} #s_pro_type li.li4:hover .pic_box{background:url(../images/icon_type4_hover.png) center no-repeat;} #s_pro_type li.li5 .pic_box{ background:url(../images/icon_type5.png) center no-repeat;} #s_pro_type li.li5:hover .pic_box{background:url(../images/icon_type5_hover.png) center no-repeat;} /*==============首页关于=====================*/ #s_about{ height:430px; background:url(../images/bg_s_about.jpg) center repeat-x;} #s_about .pic_box{ position:relative; width:410px; overflow:hidden;} #s_about .pic_box img{ width:410px; height:330px; display:block;} #s_about .pic_box img:hover{-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transition: all 1s; -webkit-transition: all 1s;} #s_about .pic_title{ position:relative; background:#333333; height:65px;} #s_about .pic_title h1{ padding:13px 65px 0 25px;} #s_about .pic_title strong{ display:block; font-size: 15px;color: #fff; margin-bottom:3px; } #s_about .pic_title span{ display:block; font-size: 12px; color: #84858c; text-transform:uppercase;} #s_about .pic_title i{ position:absolute; right:0; top:0; display:block; width:65px; height:65px; background:url(../images/bnt_s_about_more.png) center no-repeat #00923f;} #s_about .pic_title:hover i{ margin-right: 3px;} #s_about .content{ position:absolute; right:0; top:15px; width:765px;} #s_about .article{ color: #828286; font-size: 15px; line-height: 26px;} #s_about .title{ position:relative; margin-bottom: 20px; } #s_about .title .more{ position:absolute; right:0; top:0; display:block; width:25px; height:25px; background:url(../images/icon_s_about_more.png) center no-repeat;} #s_about .title .more:hover{ background:url(../images/icon_s_about_more_hover.png) center no-repeat; } #s_about .content{ } #s_about_link{position: absolute;right: 0;bottom: 15px;} #s_about_link ul{ display:inherit; text-align:right; } #s_about_link li{ display:inline-block; margin-left:65px; text-align:center; } #s_about_link li a{ display:block;} #s_about_link li .icon_box{ height:84px; margin-bottom:15px;} #s_about_link li:hover .icon_box{ transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); /* Firefox */} #s_about_link li h1{font-size: 16px;color: #000; display:block; text-align:center; text-transform:uppercase; padding-bottom:10px;} #s_about_link li p{font-size: 14px; line-height:24px; color: #333; display:block; text-align:center;} #s_about_link li.li1 .icon_box{ background:url(../images/icon_link_about1.png) center no-repeat;} #s_about_link li.li1:hover .icon_box{background:url(../images/icon_link_about1_hover.png) center no-repeat;} #s_about_link li.li2 .icon_box{ background:url(../images/icon_link_about2.png) center no-repeat;} #s_about_link li.li2:hover .icon_box{background:url(../images/icon_link_about2_hover.png) center no-repeat;} #s_about_link li.li3 .icon_box{ background:url(../images/icon_link_about3.png) center no-repeat;} #s_about_link li.li3:hover .icon_box{background:url(../images/icon_link_about3_hover.png) center no-repeat;} #s_about_link li.li4 .icon_box{ background:url(../images/icon_link_about4.png) center no-repeat;} #s_about_link li.li4:hover .icon_box{background:url(../images/icon_link_about4_hover.png) center no-repeat;} /*==================首页案例=====================*/ #s_case{ display:block; width:100%; padding:0 !important; height:520px; position: relative;background:url(../images/bg_case.jpg) center top no-repeat; } #s_case .j_parallax { background-position: center 0px; background-repeat: no-repeat; position: relative; height:520px; background-image:url(../images/bg_case.jpg); padding-top: 40px;} #s_case .s_title{ padding-top:75px; } #s_case .j_div_scoll { height:360px; } #s_case ul{ padding:0px 0 0 0; display:inherit; margin-right:-36px;} #s_case li{ display:inline-block; margin-right: 25px; position:relative; padding-bottom: 55px; width:290px; } #s_case li .pic_box{ position:relative; width:290px; height:235px; display:block; overflow:hidden;} #s_case li a{ display:block; background:#000; overflow:hidden;position: relative; color:#fff; font-size:14px;} #s_case li .pic_box img{ width:290px; height:235px; display:block; } #s_case li .text_box{ height:65px; background:#333;} #s_case li h1{ display:block; padding:0px 20px; font-size:16px; color:#fff; line-height:65px; text-align:center; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;} /*==================首页解决方案=====================*/ #s_jjfa{ border-bottom:1px solid #e7e7e9; height:630px; overflow:hidden;} #s_jjfa .title{ margin-bottom:50px;} #s_jjfa .content{ margin-bottom:50px;} #s_jjfa dl{ position:relative; margin:-6px;} #s_jjfa dd a{ display:block;} #s_jjfa dd{ display:block; float:left; margin:6px; height:305px; overflow:hidden; } #s_jjfa dd img.pic{ height:305px; display:block; margin:0 auto 0 auto; } #s_jjfa dd .text_box{ display:table; height:305px; padding-left:30px; width: 175px; text-align:center;} #s_jjfa dd .text_box .box{ display:table-cell; vertical-align:middle;} #s_jjfa dd .text_box h1{ font-size:18px; color:#fff; display:block; margin-bottom:10px;} #s_jjfa dd .text_box h2{font-size: 35px; font-family: "Humanst521 Lt BT";} #s_jjfa dd .text_box p{ line-height:30px; font-size:14px; color:#fff; } #s_jjfa dd.li1 a{ padding-left:35px; text-align:left; padding-top:78px;} #s_jjfa dd.li1:hover img.more{ margin-left:10px;} #s_jjfa dd.li1{ width:236px; background:#333333;} #s_jjfa dd.li2,#s_jjfa dd.li2 img.pic{width:495px; } #s_jjfa dd.li3,#s_jjfa dd.li3 img.pic{ width:495px;} #s_jjfa dd.li4,#s_jjfa dd.li4 img.pic{ width:235px;} #s_jjfa dd.li5,#s_jjfa dd.li5 img.pic{width:242px;} #s_jjfa dd.li6{width:242px; background:#ca0011;} #s_jjfa dd.li7,#s_jjfa dd.li7 img.pic{ width:495px; } /*==================首页新闻=====================*/ #s_news .bd{ margin-bottom:100px; overflow:hidden;} #s_news .s_title{ } #s_news .left{ width:390px;} #s_news .right{ width:835px;} #s_news ul{} #s_news .left li{ height: 437px; position:relative; display:block; background:#e9e0d1; border:1px solid #e9e0d1} #s_news .left li a{ display:block; padding:65px 50px;} #s_news .left li .date_box{ margin-bottom:80px;} #s_news .left li .date_box strong{ font-size:36px; color:rgb( 91, 83, 73 ); text-transform: uppercase; font-family: "NewsGoth Lt BT";} #s_news .left li .date_box span{ font-size:24px; color:rgb( 91, 83, 73 ); text-transform: uppercase; font-family: "NewsGoth Lt BT"; } #s_news .left li h1{ font-size:18px; color:#5b5349; display:block; margin-bottom:20px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #s_news .left li p{ margin-bottom:80px; font-size:14px; color:#b0a490; line-height:20px; height:40px; overflow:hidden; } #s_news .left li i{ display:block; height:1px; width:60px; background:#b3a48c;} #s_news .left li:hover{ box-shadow:0 0 8px #ddd; background:#dac49f; border:1px solid #edd5ac} #s_news .left li h1:hover{ color:#333333;} #s_news .right ul{} #s_news .right li{ position:relative; display:block; background:#f0f0f1; height:210px; margin-bottom:20px;} #s_news .right li a{ display:block; position:relative; } #s_news .right li img{ display:block; width:320px; height:210px; position:absolute; right:0; top:0; } #s_news .right li .text_box{ position:absolute; left:25px; top:25px; background:#fff; padding:20px 35px; height:120px; width:470px; } #s_news .right li .text_box .box{ } #s_news .right li .date_box{ margin-bottom:20px;} #s_news .right li .date_box strong{ font-size:36px; color:rgb( 91, 83, 73 ); text-transform: uppercase; font-family: "NewsGoth Lt BT";} #s_news .right li .date_box span{ font-size:24px; color:rgb( 91, 83, 73 ); text-transform: uppercase; font-family: "NewsGoth Lt BT"; } #s_news .right li h1{ font-size:16px; color:#5b5349; display:block; margin-bottom:10px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #s_news .right li p{ font-size:12px; color:#aaabac; line-height:20px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #s_news .right li:hover .text_box{ } #s_news .right li .un_box{ position:relative; display:block; padding:0 30px; padding-top:0; background:#f3f3f3; color:#a5a5a7; font-size:14px; } #s_news .right li .un_box i{ display:block; position:absolute; right:35px; top:30px; width:38px; height:38px; background:url(../images/bnt_more_s.png) center no-repeat;} #s_news .right li .un_box span{ display:block; border-top:1px solid #e4e1e1; padding:30px 0; height:38px; line-height:38px;} #s_news .right li img{ } #s_news .right li:hover .text_box{ background:#e9e0d1; box-shadow:0 0 8px #999; } #s_news .right li h1:hover{ color:#d5b675;} /*==============================--内页开始==============================-*/ #n_main_box{ } #n_content{ min-height:400px; padding:60px 0; } /*===================内页banner================*/ #n_banner { display:block; width:100%; height:360px; color:#fff;} #n_banner h1{ display:block; text-align:center; font-size:27px;} #n_banner h2{ display:block; text-align:center; font-size:35px; padding-top:145px; margin-bottom:10px; text-transform:uppercase;} /*===================内页导航条================*/ #n_title{} #n_title{position:relative; height:70px; border-bottom:1px solid #e5e5e6; } /*===================内页导航================*/ #n_nav{ position:absolute; right:0; top:0; } #n_nav li{ position:relative; } #n_nav a{display: inline-block; text-align:center; height:70px; line-height:70px; padding:0 10px; margin:0 10px; position:relative; } #n_nav a strong{ display:block; font-size:14px; text-transform: uppercase; color:#737374; text-align:center; position:relative; z-index:1;} #n_nav a span{ position:absolute; bottom:0px; left:0; width:100%; text-align:center;} #n_nav a i{ display:block; z-index: 4; background: #5e5f6f; margin:0 auto; text-align:center; z-index:1; height:2px; width:0; } #n_nav a.on i{ width:100%;} #n_nav a.on strong{ } #n_nav a:hover i{ width:100%;} #n_nav a:hover strong{ } #n_nav a.on:hover i{ width:100%; } .position{ position:absolute; line-height: 73px; height:73px; left:0px; top:0px; color:#737374; background:url(../images/icon_home.png) left center no-repeat; padding-left:22px;} .position span, .position a, .position i{ font-size:12px; color:#737374;} .position em{ font-size:12px; color:#333333; font-style:normal} .position a:hover{ color:#333333;} /*=================企业概况==================*/ #n_about{} #n_about .title{ margin-bottom:50px;} #n_about .title img{ display:block; margin:0 auto;} #n_about dl{ margin:0 -10px;} #n_about dd{ float:left; display:block; width:400px; margin:0 10px;} #n_about dd .pic_box img{ display:block; width:400px; height:265px;} #n_about dd .h1{ color:#2c2d2e; font-size:18px; display:block; margin-bottom:17px; padding-top:20px;} #n_about dd .text_box{ padding:5px;} #n_about dd .p{ line-height:30px; height:150px; overflow:hidden; color:#6c6d6f; font-size:14px; text-align:justify;} /*=================大事记==================*/ #n_dsj{ padding:85px 0; margin:85px auto; background:#fcfcfc;} #n_dsj .title{margin-bottom:50px;} #n_dsj .title img{ display:block; margin:0 auto;} #n_dsj .title h1{ display:block; text-align:center; font-size:22px; color:#333333; padding-top:15px;} #n_dsj .content{ position:relative;} #n_dsj .bd{ width:1155px; margin:0 auto; overflow:hidden;} #n_dsj li{ display:block; width:325px; float:left; margin-right:90px; position:relative;} #n_dsj li img{ display:block; width:325px; height:150px; margin-bottom:30px;} #n_dsj li .h1{ position:absolute; left:32px; bottom: -7px; color:#5e5f6f; font-size:35px; display:block; } #n_dsj li .text_box{ padding-left: 30px; padding-bottom:60px; background:url(../images/bg_dsj.png) left top no-repeat;} #n_dsj li .p{ line-height:30px; height:210px; overflow:hidden; color:#6c6d6f; font-size:14px; text-align:justify;} #n_dsj .bnt{ position:absolute; top:54px; display:block; width:42px; height:42px; } #n_dsj .bnt.prev{ left:-50px; background:url(../images/bnt_about_prev.png) center no-repeat;} #n_dsj .bnt.prev:hover{background:url(../images/bnt_about_prev_hover.png) center no-repeat;} #n_dsj .bnt.next{ right:-50px; background:url(../images/bnt_about_next.png) center no-repeat;} #n_dsj .bnt.next:hover{ right:-50px; background:url(../images/bnt_about_next_hover.png) center no-repeat;} /*=================设计团队==================*/ #n_team{} #n_team{ margin-bottom:85px;} #n_team .title{margin-bottom:50px;} #n_team .title img{ display:block; margin:0 auto;} #n_team .j_div_scoll { height:360px; } #n_team ul{ padding:0px 0 0 0; display:inherit; } #n_team li{ display:inline-block; margin-right: 26px; position:relative; padding-bottom: 50px; width:225px; height:360px; } #n_team li .pic_box{ position:relative; left:0; top:0; width:225px; height:360px; display:block; } #n_team li .pic_box a{ display:block; background:#000; overflow:hidden;position: relative;} #n_team li .pic_box img{ width:225px; height:360px; display:block; opacity:0.8;filter:alpha(opacity=80);} #n_team li .text_box{width:225px; height:60px; position:absolute; right:0; bottom:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);} #n_team li h1{ display:block; padding:10px 20px;} #n_team li h1 strong{ font-size:14px; color:#fff; padding-bottom:5px; display:block; overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; } #n_team li span{ font-size:12px; display:block; color:#acacac; } #n_team li h1 a:hover{ color:#883332; } #n_team li:hover img{opacity:1;filter:alpha(opacity=100);} /*==============生产管理=====================*/ #n_scgl{margin-bottom:85px; padding:85px 0 50px; background:#fcfcfc;} /*==============资质荣誉=====================*/ #n_ryzz{} #n_ryzz .title{ margin-bottom:50px;} #n_ryzz .content{ margin-bottom:50px;} #n_ryzz dl{ position:relative; margin:-6px;} #n_ryzz dd{ display:block; float:left; margin:6px; height:305px; border:1px solid #e3e3e5; background:#f5f4f8;} #n_ryzz dd img{ height:255px; display:block; margin:25px auto 0 auto; } #n_ryzz dd .text_box{ display:table; height:305px; padding-left:45px; width:145px;} #n_ryzz dd .text_box .box{ display:table-cell; vertical-align:middle;} #n_ryzz dd .text_box h1{ font-size:16px; color:#fff; display:block; margin-bottom:10px;} #n_ryzz dd .text_box p{ line-height:24px; font-size:12px; color:#fff; opacity:0.6;filter:alpha(opacity=60);} #n_ryzz dd.li1{ width:492.5px;} #n_ryzz dd.li2{width:237px; background:#333333; border:none;} #n_ryzz dd.li3{ width:492.5px;} #n_ryzz dd.li4{ width:492.5px;} #n_ryzz dd.li5{width:235px;} #n_ryzz dd.li6{width:240px;} #n_ryzz dd.li7{ width:240px; background:#ca0011; border:none;} #n_ryzz dd.li7{} /*===================产品详情banner=====================*/ #maincontent {background:#000;height:528px;overflow:hidden;position:relative; margin-left: -127px;} #maincontent div.pict {cursor: default !important;} #maincontent div.main {position: static;text-align: center;display: block;cursor: pointer !important} #maincontent .element {display: none;position: absolute !important;} #maincontent .left {top :200px;left: 63.5px;cursor: pointer;} #maincontent .right {top: 200px;right: -63.5px;cursor: pointer;} #maincontent .main .guardian {display: none;height: 0;} #maincontent .navi {z-index: 99;} div#maincontent div.main{display:none; } div#maincontent div.element{position:absolute !important;} /*=================侧导航==================*/ #nav_pro{ width:210px; border:1px solid #e5e5e5; background:#fff; float:left;} #nav_pro dt{height:50px;line-height:50px;position:relative;background:#fafafb; border-top:1px solid #e7e7e7; } #nav_pro dt a{ margin:0 20px; display:block;color:#5b5349; height: 49px; font-size:14px; } #nav_pro dt.on.title2 a{color: #b7863e} #nav_pro dt.title{background:url(../images/icon_sub_open.png) 180px center no-repeat #fafafb;} #nav_pro dt.title2{background: #fafafb;} #nav_pro dt.title_on { background:url(../images/icon_sub_close.png) 180px center no-repeat #fafafb;} #nav_pro dt.title_on a{ color:#fff; border-top:1px solid #fff;} #nav_pro dt.last a{border-top:1px solid #f8f8f8;} #nav_pro dt.title_on.on{ } #nav_pro dt:hover a{ } #nav_pro dt.title_on a{ color:#5b5349;} #nav_pro dd{ display:none;} #nav_pro dd .box{padding:0px 0px 0px 0px;} #nav_pro dd a{ padding:0 25px; line-height:50px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:49px;} #nav_pro dd a:hover{ color:#b7863e} #nav_pro dd a.on{ color:#b7863e} /*=================侧导航==================*/ #nav_jjfa{ width:210px; border:5px solid #f8f8f8; background:#fff; float:left;} #nav_jjfa dt{height:50px;line-height:50px;position:relative;background:#e4e5e8; margin-left:-5px; border-left:5px solid #f8f8f8; } #nav_jjfa dt a{ margin:0 20px; display:block;color:#5b5349; height: 49px; font-size:14px; border-top:1px solid #e7e7e7; } #nav_jjfa dt.title{background:#fff;} #nav_jjfa dt.title_on {border-left:5px solid #b7863e; background:#f7ebd9;} #nav_jjfa dt.title_on a{ color:#fff; border-top:1px solid #fff;} #nav_jjfa dt.last a{border-top:1px solid #f8f8f8;} #nav_jjfa dt.title_on.on{ } #nav_jjfa dt:hover a{ } #nav_jjfa dt.title_on a{ color:#5b5349;} #nav_jjfa dd{ display:none;} #nav_jjfa dd .box{padding:15px 20px 10px 20px;} #nav_jjfa dd a{ padding-left:10px;line-height:30px;font-size:12px;color:#5b5349;display:block;height:30px;} #nav_jjfa dd a:hover{ color:#b7863e} #nav_jjfa dd a.on{ color:#b7863e} /*==========================================产品展示=============================================*/ #n_jjfa,#n_pro{ width:970px; float:right; overflow:hidden;} .pro_title{ margin-bottom:40px;} .pro_title h1{display:block; color:#5b5349; font-size:18px; margin-bottom:5px;} .pro_title strong{ display:block; font-size:12px; color:#d8d9da; text-transform:uppercase;} .pro_title p{ color:#a1a1a1; font-size:12px; line-height:20px; padding-top:10px;} /*================= banner===================*/ #pic_slide{ position:relative; padding-bottom:55px; margin-bottom:40px; border-bottom:1px solid #f0f0f0; height:510px; overflow: hidden;} #pic_slide .bd { position:relative; overflow: hidden; height: 510px; overflow: hidden;} #pic_slide .bd a{ display:block; width:100%; height: 510px;} #pic_slide .bd a img{ height: 510px; width:970px;} #pic_slide .hd{ position:absolute; left:0; bottom: 80px; width:100%; display:inherit;text-align:center; } #pic_slide .hd ul{ display:inline-block; } #pic_slide .hd ul li{ display:block; float: left; margin: 0 3px; padding-top:8px;} #pic_slide .hd ul li a{height:7px; width:7px; margin:0 1px; border:1px solid #fff; display:block; border-radius:50%; } #pic_slide .hd ul li a:hover{ background:#fff; } #pic_slide .hd ul .on a{ background:#fff; } #pic_slide .bnt{ position:absolute; top: 235px; display:block; width:42px; height:42px; } #pic_slide .bnt.prev{ left:50px; background:url(../images/bnt_about_prev.png) center no-repeat;} #pic_slide .bnt.prev:hover{background:url(../images/bnt_about_prev_hover.png) center no-repeat;} #pic_slide .bnt.next{ right:50px; background:url(../images/bnt_about_next.png) center no-repeat;} #pic_slide .bnt.next:hover{ right:50px; background:url(../images/bnt_about_next_hover.png) center no-repeat;} /*==========================================产品列表=============================================*/ #n_pro_list{ } #n_pro_list .title{ margin-bottom:30px; position:relative; font-size:18px; color:#5b5349; display:block; } #n_pro_list ul{ margin:0 -25px;} #n_pro_list li{ float:left; position:relative; width:290px; height: 210px; display:block; padding:0 25px; } #n_pro_list li a{ display:block; overflow:hidden;} #n_pro_list li .pic_box{ width:290px; height:150px; overflow:hidden;} #n_pro_list li img{ width:290px; height:150px; display:block;} #n_pro_list li h1{ display:block; padding-top:20px; font-size:15px; color:#4e4d4d; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #n_pro_list li span{ display:block; line-height:24px; font-size:14px; color:#a19f9f; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #n_pro_list li:hover h1{ color:#ca0011; } #n_pro_list li:hover { } #n_pro #n_pro_list li{ border-bottom:1px dotted #dcdcdf; margin-bottom:40px; padding-bottom:40px;} /*==========================================产品详情列表=============================================*/ #n_pro_show_list{ } #n_pro_show_list .title{ margin-bottom:30px; position:relative; font-size:18px; color:#5b5349; display:block; } #n_pro_show_list ul{ margin:0 -15px;} #n_pro_show_list li{ float:left; position:relative; width:290px; display:block; padding:0 15px; } #n_pro_show_list li a{ display:block; overflow:hidden;} #n_pro_show_list li .pic_box{ width:290px; height:150px; overflow:hidden;} #n_pro_show_list li img{ width:290px; height:150px; display:block;} #n_pro_show_list li h1{ display:block; padding-top:20px; font-size:15px; color:#4e4d4d; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #n_pro_show_list li span{ display:block; line-height:24px; font-size:14px; color:#a19f9f; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #n_pro_show_list li:hover h1{ color:#ca0011; } #n_pro_show_list li:hover { } /*==========================================产品详情=============================================*/ #n_show_pro{ background:#f8f8f8; padding:50px 0; height:195px; width:100%; margin-bottom:65px;} #n_show_pro .box{ display:table-cell;} #n_show_pro .shuxing_box{ width:450px; height:195px; display:table;} #n_show_pro .shuxing_box .box{vertical-align:middle;} #n_show_pro h1{ color:#545455; font-size:18px; display:block; margin-bottom:15px; } #n_show_pro .span{ color:#97979a; display:block; font-size:14px; margin-bottom:10px;} #n_show_pro .span font{ display:block; float:left; color:#d1b168; font-size:12px; } #n_show_pro .span strong{ display:block; float:left; line-height:20px;} #n_show_pro .span b{ font-weight:400; padding-right:10px; font-size: 12px; width:115px; display:inline-block;} #n_show_pro .text_box{ border-left:1px solid #e0e0e0; height:195px; display:table; font-size:14px; color:#97979a; line-height:36px; width: 760px; position:absolute; top:0; right:0;} #n_show_pro .box{padding-left:50px; vertical-align:middle; font-size:12px;} #n_show_jjfa .title{ position:relative; height:52px; margin-bottom:40px;} #n_show_jjfa .title h1{ color:#5b5349; font-size:20px;} #n_show_jjfa .title a{ position:absolute; right:0; top:0; display:block; width:120px; font-size:14px; color:#4a4a4c; padding-left:65px; height:50px; line-height:50px; background:url(../images/icon_720.png) 32px center no-repeat #fafafb; border-radius:3px; border:1px solid #ededed;} #n_show_jjfa .title a:hover{ background:url(../images/icon_720.png) 32px center no-repeat #fff; } /*===================范玺标题================*/ .about_title{ margin-bottom:40px;} .about_title h1{display:block; text-align:center; color:#3e3e3d; font-size:20px; margin-bottom:10px;} .about_title strong{ display:block; text-align:center; font-size:12px; color:#c2c2c5; text-transform:uppercase;} /*==============加盟流程=====================*/ #n_jmlc{} #n_jmlc .main_box{ position:relative;} #n_jmlc ul{ margin:0 -20px; margin-bottom:-40px;} #n_jmlc li{ width:600px; border:1px solid #eeeeee; float:left; display:block; margin:0 20px; margin-bottom:40px;} #n_jmlc li .box{ padding:20px; height:200px; position:relative;} #n_jmlc li .pic_box{ position:absolute; left:20px; display:block; top:20px; height:135px; width:210px;} #n_jmlc li .pic_box img{ height:135px; width:210px; display:block;} #n_jmlc li .text_box{ padding-top: 6px; margin-left: 235px; } #n_jmlc li .text_box a{ display:block; margin-bottom:5px; font-size:15px; color:#414142; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #n_jmlc li .text_box span{ color:#cdcdcf; display:block; margin-top: 20px; margin-bottom: 13px; font-size:12px; text-transform:uppercase;} #n_jmlc li .text_box p{ line-height:30px; font-size:14px; color:#828283;} #n_jmlc li a:hover{color:#c98f2b;} #n_jmlc li a.more{ position:absolute; right: 25px; bottom: 15px;} #n_jmlc .hd{} #n_jmlc .hd a{ display:block; width:43px; position:absolute; bottom: 40px;} #n_jmlc .hd a img{ display:block;} #n_jmlc .hd a.prev{ left:-80px;} #n_jmlc .hd a.next{ right:-80px;} #n_jmlc .hd a.prev:hover{ left:-85px;} #n_jmlc .hd a.next:hover{ right:-85px;} /*==============企业文化=====================*/ #n_partner{ } #n_partner .main_box{ overflow:hidden;} #n_partner ul{ margin:0 -23px; /*! overflow:hidden; */ /*! width: 1294px; */} #n_partner li{ width:212px; height: 192px; position:relative; display:block; overflow:hidden; float:left; padding:0 23px 35px 24px; padding-bottom: 25px; margin-bottom: 30px; border-bottom:1px dotted #bfbfbf;} #n_partner li a{ display:block; overflow: hidden;} #n_partner li .pic_box{ position:relative; height:275px; background: #eeeff3;} #n_partner li .pic_box a{ display: block; overflow: hidden;} #n_partner li img{ width:210px; height:110px; display:block; margin:0 auto; border:1px solid #e5e5e5;} #n_partner li p{ font-size:12px; color:#a3a3a5; line-height:20px; text-align:center; height:40px; overflow:hidden;} #n_partner li h1 { color:#636465; font-size: 14px; display:block; margin: 15px 0 8px; text-align:center; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #n_partner li:hover img{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); } #n_partner li:hover h1{ color: #4b4b4b;} /*===================================*/ #n_caes ul{ margin:-30px -30px 0 -30px; overflow:hidden; } #n_caes li{ width: 593px; display:block; margin:30px; border:1px solid #e7e7e7; float:left;} #n_caes .fl{width:290px; height:235px; float:left; overflow:hidden;} #n_caes .fl img{ width:290px; height:235px; } #n_caes .fl img:hover{ } #n_caes .fr{ color:#4d4e4f; float:right; width: 240px; font-size:12px; padding-top:50px; padding-right:30px; } #n_caes .fr h1 a{ font-size:18px; display:block; line-height:30px; padding-bottom:20px; padding-top: 5px; color:#404041; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #n_caes .fr h1 a:hover{ text-decoration:underline; color:#ca0011;} #n_caes .fr p{ font-size:14px; color:#929292; line-height:27px; height:81px; overflow:hidden;} #n_caes .fr span{ padding:8px 0; display:block; color:#b9b9ba;} /*===================产品详情================*/ #n_show_case .left{ width:672px;} #n_show_case .left .j_Photo{overflow:hidden;margin:0px auto 0;width:672px; } #n_show_case .left .big_box{overflow:hidden;margin-bottom:10px; position:relative;} #n_show_case .left .big_box ul{ height:547px;} #n_show_case .left .big_box li{ position:relative; height: 525px; padding:10px; border:1px solid #e4e4e4;} #n_show_case .left .big_box ul li img{display:block; width:650px; height:525px;} #n_show_case .left .small_box{overflow:hidden; width: 672px; height: 91px; position:relative;} #n_show_case .left .small_list{position:relative;float:left;overflow:hidden; margin-left: 27px; width: 620px; height:91px;} #n_show_case .left .small_list ul{overflow:hidden;height:91px} #n_show_case .left .small_list ul li{position:relative;float:left;margin-right:23px; cursor:pointer; width:105px} #n_show_case .left .small_list ul li img{display:block; width:105px; height:85px; padding-top:5px;} #n_show_case .left .small_list ul li .bun_bg{ display:none; position:absolute;top:0;left:0;width:105px;height:91px; background:url(../images/mark_j_photle.png) center no-repeat;} #n_show_case .left .small_list ul .on .bun_bg{ display:block; } #n_show_case .left .btn{display:block; width: 12px; height:72px;background-color:#777;background-position:center;background-repeat:no-repeat;cursor:pointer} #n_show_case .left .btn:hover{} #n_show_case .left .btn img{ padding-top:40px;} #n_show_case .left .small_bnt .left_btn{float:left;margin-right:10px;background-image:url(../images/bnt_pic_left.png)} #n_show_case .left .small_bnt .right_btn{float:right;background-image:url(../images/bnt_pic_right.png)} #n_show_case .left .left_btn{position:absolute; left:0px; background:url(../images/bnt_pic_left.jpg) center no-repeat; } #n_show_case .left .right_btn{ position:absolute; right:0px; background:url(../images/bnt_pic_right.jpg) center no-repeat;} #n_show_case .left .left img{} #n_show_case .right{ width: 525px; font-size:12px; line-height:24px;} #n_show_case .right .title { padding-bottom:30px; margin-bottom:25px; border-bottom:1px solid #e4e6e7;} #n_show_case .right .title h1{ font-size:18px; color:#4d4d4d; padding-bottom:18px;} #n_show_case .right .title span{ color:#a3a3a4; font-size:12px;} #n_show_case .right .up p{ } #n_show_case .right .up strong{ font-size:12px; color: #7e7e7f;} /*==============联系我们=====================*/ #n_contact{ padding:65px 0; margin-top:60px; margin-bottom:-60px; background:#fcfcfc} #n_contact dd{ width:33.333%; display:block; float:left;} #n_contact dd{} #n_contact dd .box{ width:265px; display:block; margin:0 auto; text-align:center;} #n_contact dd img{ display:block; margin:25px auto;} #n_contact dd span{ display:block; font-size:16px; color:#acacac; margin-bottom:10px;} #n_contact dd strong{ display:block; font-size:15px; color:#505054; line-height:24px;} /*==============新闻=====================*/ #n_news .main_box{ position:relative; overflow:hidden;} #n_news ul{ margin-bottom:-30px; overflow:hidden; } #n_news li{ display:block; margin-bottom:80px; height:180px;} #n_news li .fl{ width:280x; height:180px; overflow:hidden} #n_news li .fl img{ width:280x; height:180px; } #n_news li .fr{ width: 715px; padding-right:210px; position:relative; height:160px; } #n_news li .fr h1{ display:block; margin-top:23px;} #n_news li .fr h1 a{ font-size:16px; color:#5b5349; display:block; padding-bottom:13px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #n_news li .fr span{position:absolute; right:0; top:25px; height:105px; border-left:1px solid #e8e8e8; padding-left:50px; font-family: "NewsGoth Lt BT"; font-size: 27px; display:block; text-transform: uppercase; color: rgb( 163, 168, 172 ); } #n_news li .fr h1 a:hover{ color:#ca0011; } #n_news li .fr .more{ display:block; text-align:center; position:absolute; width:100px; font-size:12px; right: 60px; top: 100px; width:10px; height:20px; background:url(../images/icon_jt_news.png) center no-repeat;} #n_news li .fr .more:hover{ background:url(../images/icon_jt_news_hover.png) center no-repeat; right: 55px;} #n_news li .fr p{ line-height:30px; color:#aaabac; font-size:14px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #n_news .list_word{ padding-top:35px; } #n_news .list_word a{ border-radius:2px; display:inline-block; color:#8e8f92; font-size:12px; background:#f8f8f8; height:22px; line-height:22px; padding:0 15px; margin-right:5px;} #n_news .list_word a:hover{ color:#333333;} #n_news li:hover span{ border-left:1px solid #ca0011;} /*==============新闻详情=====================*/ .n_article { margin-bottom:20px;} .n_article .left{width:365px; } .n_article .ar_title{ } .n_article .ar_title h1{ font-size:18px; margin-bottom:5px; display:block; line-height:30px; color:#5b5349;} .n_article .ar_title h2{ font-size:24px; position:relative; display:block; height:40px; padding:25px 0 10px 0 ; color:#888; line-height:24px; font-family: "NewsGoth Lt BT";} .n_article .ar_article{ width:815px; padding-bottom:20px; min-height:300px;} .n_article .ar_word{ border-top:1px solid #e5e6ea; padding-top:35px; } .n_article .ar_word a{ border-radius:2px; display:inline-block; color:#8e8f92; font-size:12px; background:#f8f8f8; height:22px; line-height:22px; padding:0 15px; margin-right:5px;} .n_article .ar_word a:hover{ color:#333333;} #ar_fot{ margin-top:10px; position:relative; border-top:1px solid #e5e6ea; padding-top:25px;} #ar_fot h1{ display:block; font-size:12px; line-height:30px; color:#5c5e5f; max-width:50%;} #ar_fot h1 a{ font-size:12px; color:#5c5e5f; font-weight:normal;} #ar_fot h1 a:hover{ color:#4b4b4b;} #ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#b33630; padding:0 25px; font-size:14px; height:30px; line-height:30px;} #ar_fot .bnt_back:hover{ border-radius:3px;} /*==============招贤纳士=====================*/ .n_join_us{} .n_join_us .left{width: 312px; } .n_join_us .left .title_box{ border:none; margin-bottom:30px; position:relative; left:auto; top:auto;} .n_join_us .left .title_box h1{display:block; font-size: 55px; font-family: "Arial"; color: #f1eff1; text-transform: uppercase;} .n_join_us .left .up p{ line-height:24px; font-size:12px; color:#63636b;} .n_join_us .left .up a{ background:#ca0011; border-radius:3px; margin:30px auto; font-size:14px; display:block; height:58px; text-align:center; line-height:58px; text-align:center; color:#fff;} .n_join_us .left .un p{ line-height:18px; color:#8a8a95; font-size:12px; } .n_join_us .left .un a{ text-decoration:underline; color:#ca0011;} .n_join_us .left .un .ewm_box{ position:relative; margin-top:40px; } .n_join_us .left .un img{ display:block; width:110px; height:110px; padding:6px; border:1px solid #e5e5e5;} .n_join_us .left .un span{ font-size:14px; line-height:24px; color:#878788; display:block; position:absolute; top:37px; left:140px;} .n_join_us .right{ width:730px; padding-left:65px; border-left:1px solid #eeeff3; min-height: 568px;} .n_join_us .right .up_box h1{ font-size:16px; display:block; margin-bottom:10px; color:#ec3c2f; } .n_join_us .right .up_box p{ font-size:12px; color:#6d6c72; line-height:24px;} .n_join_us .right table{ margin-top:30px; border-top:3px solid #909090;} .n_join_us .right table tr{ border-bottom:1px solid #dddddd; } .n_join_us .right table td{ padding:15px 25px; line-height:24px; font-size:12px; color:#454546;} .bg_tr{ background:#f5f5f5;} /*==============人才招聘=====================*/ #list_slide{ position:relative;} #list_slide dl{overflow:hidden; margin-bottom:20px; border-bottom:1px dotted #cccdd1; } #list_slide dt{border:none; border-left:3px solid #ca0011; display:block; position:relative; cursor:pointer; height:18px; margin-bottom: 20px;} #list_slide dt h1{ padding-left:10px; border-left:3px solid #fff; color:#51575f; font-size:14px; line-height:18px; background:url(../images/icon_jt_un.png) right center no-repeat; display:block;} #list_slide dd{ display:none; line-height:24px;} #list_slide dd p{ line-height:24px; margin-bottom:0; color: #929397; font-size: 12px;} #list_slide dd .content{ padding:0 20px 26px 20px;} #list_slide dd .content { color:#929397; font-size:12px; line-height:24px;} #list_slide dt.on h1{ background:url(../images/icon_jt_up.png) right center no-repeat ; color:#000; font-size:16px;} /*==========================================j_弹窗=============================================*/ #page_show_box{ position:fixed; z-index:9995; top:0; left:0; display:none; height:100%; width:100%; } #page_show_box .bg_box{ position:fixed; z-index:9994; top:0px; display:none; height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);} #page_show_box .box{ position:absolute; top:50%; z-index:9999; left:50%; margin-left:-355px; margin-top:-235px;} #page_show_box .video_box{ } #bnt_close{ display:block; width:35px; height:35px; position:absolute; top: 15px; right:0;} #bnt_close img{ display:block; position:absolute; left: 0px; top: 0px;} #bnt_close:hover img{ transform:rotate(90deg);-ms-transform:rotate(90deg); /* IE 9 */-moz-transform:rotate(90deg); /* Firefox */-webkit-transform:rotate(90deg); /* Safari 和 Chrome */-o-transform:rotate(90deg); /* Opera */} #page_show_box #page_ar{ width: 710px; position:relative; } #page_show_box #page_ar .ar_box{ border-radius:5px; width: 630px; height: 410px; padding:30px 40px; background:#fff; position:relative; } #page_show_box #page_ar .ar_box .p{ line-height:30px; font-size:14px; color:#686a6a; max-height:540px; text-align:justify; overflow: hidden;} #page_show_box #page_ar .ar_box .title{ font-size:18px; color:#686a6a; display:block; margin-bottom:10px;} #page_show_box #page_ar #ar_content{ margin-top: 20px; height:390px; overflow:hidden;} #job_form{ width:602px; margin: 0 auto;} #job_form h1{ display:block; text-align:center; color:#737373; margin-bottom:25px; padding-top: 15px;} #job_form h1 strong{ font-weight:bold; font-size:18px;} #job_form form{ margin-right:-20px;} #job_form .text{ width:259px; padding: 0 15px;height: 34px;line-height: 34px;background: none;border: 1px solid #c1c1c1;font-size: 14px;color: #474949; margin: 0 20px 20px 0; float: left;} #job_form textarea{ display:block; height:160px; resize:none; margin-bottom:20px; background:none; border:1px solid #c1c1c1; width:560px; padding:10px 15px;font-size:14px; color:#474949; line-height:20px;} #job_form .hr_form_fot{ position:relative;} #job_form .text:focus{ border:1px solid #89bbe1;} #job_form textarea:focus{ border:1px solid #89bbe1;} #job_form .submit{ background:#ca0011; position: absolute; bottom:0px; right: 20px; font-size:14px !important; border:0; border-radius:2px; height:28px !important; color:#fff; line-height:28px !important; width:100px; cursor:pointer;} #job_form .submit:hover{ color: #fff; border-radius:3px;} #job_form .file_box { position:relative; padding-left:60px; line-height:28px; font-size:14px;} #job_form .file_box .f_box{ position:relative; } #job_form .file_box strong{ position:absolute; left:0; top:3px; color:#727272;} #job_form .file_box .bnt_file{ text-align:center; height:28px; line-height:28px; color:#fff; font-size:12px; width:85px; cursor:pointer; margin-left:5px; background:#a9a9a9; border-radius:2px; position:absolute; left: 0px; top: 3px;} #job_form .file_box #jianli{ width:80px !important; height:28px !important; cursor:pointer; position:absolute; left:95px; top:3px;} #job_form .file_box #jianli:hover .bnt_file{ background:#10578e; color: #fff; } /*==============分享插件——银灵子=====================*/ .shart_box{ height:40px; position:relative; } #j_shart_s_24 .bds_count{ font-size:12px;} #j_shart_s_24{ padding-left:60px; position:relative;} #j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;} ##j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat} #j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat} #j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat} #j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat} #j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat} #j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat} #j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat} #j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat} #j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_count{font-size:12px} /*==============分页——银灵子=====================*/ .page { margin:0px auto 0px auto;} .page .box{display:inherit; width:100%; text-align: right; padding-top: 30px;} .page a{ padding:0 12px; height:30px; line-height:30px; display:inline-block; border:1px solid #dedede; margin:0 2px; color:#555555; font-size:12px; } .page .on{ background:#4b4b4b; color:#fff !important;border:1px solid #4b4b4b;} .page a font{ font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68 );} .page span{ vertical-align: middle; display:inline-block; color:#999999; font-size:12px; padding:0 15px;} .page span input[type="text"]{ padding:0 15px; height:30px; width:30px; line-height:30px; text-align:center; display:inline-block; border:1px solid #dedede; background:none; margin:0 4px; color:#555555; font-size:12px;} .page span input[type="submit"]{ cursor:pointer; padding:0 12px; height:32px; line-height:32px; text-align:center; display:inline-block; border:1px solid #dedede; background:none; margin:0 4px; color:#555555; font-size:12px;} .page span input[type="submit"]:hover{ background:#ca0011; border:1px solid #ca0011; color:#fff;} .page a:hover{ background:#4b4b4b; color:#fff !important; text-decoration:none; border:1px solid #4b4b4b; } .page a:hover font{ color:#fff;} .page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */ -o-transition: all 1s; /* Opera */} /*===================售后服务================*/ /*===================售后服务================*/ #n_shfw dl{ display:block; margin-bottom:0;} #n_shfw dl dd{ display:block; position:relative; height:410px; height:220px; padding-bottom:65px; margin-bottom:65px; border-bottom:1px dotted #bfbfbf; } #n_shfw dl dd .pic_box{ width:390px; display:block;float:right;} #n_shfw dl dd .pic_box img{ width:390px; height:220px;} #n_shfw dl dd .text_box{ width:665px; float:left; } #n_shfw dl dd .text_box .box{ display:table; height:220px;} #n_shfw dl dd .text_box .box_cell{ display:table-cell; vertical-align:middle;} #n_shfw dl dd .text_box h1 { color:#333234; font-size:16px; display:block; margin-bottom:20px;} #n_shfw dl dd .text_box p{ font-size:14px; line-height:30px; color:#707073; margin-bottom:15px; } #n_shfw dl dd .text_box .box .box_cell{ } #n_shfw dl dd .text_box .box.fr .box_cell{ padding-left:0 !important; padding-right:100%;} #n_shfw dl dd .text_box a.more{ color:#fff; font-size:14px; width:90px; border-radius:2px; overflow:hidden; padding-left:60px; height:40px; line-height:40px; display:block; background: url(../images/icon_sita.png) 30px center no-repeat #30a6b4; } #n_shfw dl dd .text_box a:hover{ background:url(../images/icon_sita.png) 30px center no-repeat #f3955a;} #n_shfw dl dd.even .pic_box{ float:left;} #n_shfw dl dd.even .text_box{ float:right;} #n_shfw dl dd.even .pic_box{ float:left;} #n_shfw dl dd.even .text_box{ float:right;} .indexTitle{ height:85px; margin-bottom: 15px;} .indexTitle .divTop{ height:45px; padding-bottom:5px;border-bottom:1px solid #e5e4e4; width:100%; text-align:center;} .indexTitle .divTop2{border-bottom:1px solid #1768ad;} .indexTitle span{ display:inline-block; height:45px; line-height:45px;} .indexTitle i{ height:45px; width:75px; background:url(../images/t1.png) no-repeat center center;} .indexTitle .i2{background:url(../images/t2.png) no-repeat center center;} .indexTitle a{ color:#333; font-size:24px; padding:0 10px; float:left; display:inline; line-height:40px;} .indexTitle .divTop2 a{ color:#fff} .indexTitle b{ height:3px; width:50px; background:#00923f; margin:0px auto 0; display:block} .indexTitle em{ display:block; height:35px; line-height:35px; clear:both; overflow:hidden; text-align:center; color:#999; text-transform:uppercase} .indexTitle .em2{ color:#5e89bc;} /*news*/ .news { overflow:hidden; width:1250px; margin:40px auto 0;} .news h3.htitle a:hover{ color:#ca0011} .news .newbox{ overflow:hidden; width:100%; height:420px;} .news .newsLeft { overflow:hidden; width:610px; background-color:#f1f1f1; height:420px; float:left;} .news .newsLeft:hover{ background:#00923f;} .news .newsLeft:hover h4 a{ color:#fff;} .news .newsLeft:hover h4 span{ color:#fff;} .news .newsLeft:hover p{ color:#eee;} .news .newsLeft:hover p a{ color:#eee;} .news .newsLeft .tubox{ display:block; width:610px; height:290px; overflow:hidden; margin-bottom:12px; position:relative;} .news .newsLeft img{ display:block; position:absolute; left:0; width:100%;} .news .newsLeft h4{ width:555px; margin:0 auto; margin-bottom:8px; overflow:hidden;} .news .newsLeft h4 a{ display:block; width:440px; font-size:17px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left;} .news .newsLeft h4 span{ font-weight:normal; font-size:14px; color:#999; float:right;} .news .newsLeft p{ font-size:15px; width:555px; margin:0 auto; line-height:25px; overflow:hidden; color:#404040;} .news .newsLeft p a{ color:#00923f;} .news .newsRight{ overflow:hidden; width:620px; height:420px; float:right;} .news .newsRight dl{ overflow:hidden; width:600px; padding:10px; height:112px; margin-bottom:12px;background: #f1f1f1;} .news .newsRight dt{ overflow:hidden; float:left; width:160px; height:112px;} .news .newsRight dt img{width:160px; height:112px;} .news .newsRight dd{ overflow:hidden; float:left; margin-left:20px; width:420px;} .news .newsRight dd h4{ margin-top:8px; font-size:16px; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .news .newsRight dd h4 a{ color:#333} .news .newsRight dd p{ font-size:15px; color:#555; line-height:24px; height:50px; overflow:hidden} .news .newsRight dd em{ float:right; display:block; font-size:15px; color:#999; } .news .newsRight dl:hover{ background-color:#00923f;} .news .newsRight dl:hover h4 a{ color:#fff;} .news .newsRight dl:hover p{ color:#eee} .news .newsRight dl:hover em{ color:#eee} .news .newsmore .more{ display:block; width:116px; height:31px; line-height:31px; text-align:center; font-size:12px; color:#333; border:2px solid #c8c8c8; text-decoration:none; margin: 0 auto; margin-top: 40px;} .news .newsmore .more:hover{ color:#fff; border-color:#ca0011; background-color:#ca0011} /* marqueeleft */ .marqueeleft{height:120px;width:1250px; margin:0 auto;overflow:hidden;} .marqueeleft ul{float:left;} .marqueeleft li{float:left;margin:0 5px;display:inline;width:193px;height:74px;overflow:hidden;} .marqueeleft li .pic{display:block;border:#ccc 1px solid;width:187px;height:65px;padding:2px;overflow:hidden;} .marqueeleft li .pic img{ width:187px; height:65px!important;-webkit-transition: all 1s linear;-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;} .marqueeleft li .pic img:hover{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;transform: rotateY(180deg); -ms-transform: rotateY(180deg); /* IE 9 */ -webkit-transform: rotateY(180deg); /* Safari and Chrome */ -o-transform: rotateY(180deg); /* Opera */ -moz-transform: rotateY(180deg);} .marqueeleft li .txt{text-align:center;height:32px;line-height:32px;font-size: 18px;} .marqueeleft li .txt a{ color:#333;} .marqueeleft li .txt a:hover{ color:#10502b;} /* marqueetop */ .marqueetop{height:429px;width:303px;overflow:hidden;margin:40px auto;} .marqueetop li{padding:5px 0;width:303px;height:234px;overflow:hidden;} .marqueetop li .pic{display:block;border:#ccc 1px solid;width:290px;height:205px;padding:2px;overflow:hidden;} .marqueetop li .txt{text-align:center;height:23px;line-height:23px;} .shortcut{position:fixed;top:0;left:0;z-index:9999;width:100%;} *html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;} *html .shortcut{position:absolute;top:expression(eval(document.documentElement.scrollTop));} .shortcut{height:28px;line-height:28px;font-size:12px;background:#EEEEEE;text-transform:uppercase;box-shadow:1px 0px 2px rgba(0,0,0,0.2);border-bottom:1px solid #DDDDDD;} .shortcut h1{font-size:14px;font-family:"微软雅黑","宋体";} .shortcut a,.shortcut h1{padding:0px 10px;letter-spacing:1px;color:#333;text-shadow:0px 1px 1px #fff;display:block;float:left;} .shortcut a:hover{background:#fff;} .shortcut span.right{float:right;} .shortcut span.right a{float:left;display:block;color:#ff6600;font-weight:800;} .headeline{height:40px;overflow:hidden;} .adv960x90{width:960px;height:90px;overflow:hidden;border:solid 1px #E6E6E6;margin:0 auto;} .adv728x90{width:728px;height:90px;overflow:hidden;border:solid 1px #E6E6E6;margin:0 auto;}